<!DOCTYPE html>
<!-- Template Name: Clip-Two - Responsive Admin Template build with Twitter Bootstrap 3.x | Author: ClipTheme -->
<!--[if IE 8]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- start: HEAD -->
<!-- start: HEAD -->

<head>
  <title>CMDB</title>
  <!-- start: META -->
  <!--[if IE]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <!-- end: META -->
  <!-- start: MAIN CSS -->
  <link rel="stylesheet" href="/static/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css">
  <!-- end: MAIN CSS -->
  <!-- start: CLIP-TWO CSS -->
  <link rel="stylesheet" href="/static/css/styles.css">
  <!-- end: CLIP-TWO CSS -->
  <!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
  <!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
</head>
<!-- end: HEAD -->
<!-- start: BODY -->

<body class="login">
  <!-- start: LOGIN -->
  <div class="row">
    <div class="main-login col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-4">
      <div class="logo margin-top-30">
        <h2><strong>领骏CMDB</strong></h2>
      </div>
      <!-- start: LOGIN BOX -->
      <div class="box-login">
        <form class="form-login" method="post">
          {% csrf_token %}
          <fieldset>
            <legend>登录</legend>
            <p>请输入用户名和密码登录</p>
            <div class="form-group">
              <span class="input-icon">
                        <input type="text" class="form-control" name="username" placeholder="用户名" required>
                        <i class="fa fa-user"></i> 
                      </span>
            </div>
            <div class="form-group form-actions">
              <span class="input-icon">
                        <input type="password" class="form-control password" name="password" placeholder="密码" required>
                        <i class="fa fa-lock"></i>
                      </span> {% if error %}<span id="password-error" class="help-block" style="color: #a94442;">{{ error }}</span>{% endif %}
            </div>
            <div class="form-actions">
              <button type="submit" class="btn btn-primary pull-right">
                        登录 <i class="fa fa-arrow-circle-right"></i>
                      </button>
            </div>
          </fieldset>
        </form>
        <!-- start: COPYRIGHT -->
      </div>
      <div class="copyright">
        &copy; <span class="current-year">2018 </span><span class="text-bold text-uppercase">领骏-驰联</span>. <span>All rights reserved</span>
      </div>
      <!-- end: COPYRIGHT -->
      <!-- end: LOGIN BOX -->
    </div>
  </div>
  <!-- end: LOGIN -->
  <!-- start: MAIN JAVASCRIPTS -->
  <script src="/static/js/jquery.min.js"></script>
  <script src="/static/js/bootstrap.min.js"></script>
</body>
<!-- end: BODY -->

</html>
